<template>
  <n-loading-bar-provider>
    <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
      <n-message-provider>
        <n-dialog-provider>
          <router-view />
        </n-dialog-provider>
      </n-message-provider>
    </n-config-provider>
  </n-loading-bar-provider>
</template>

<script lang="ts" setup>
import { NConfigProvider, NDialogProvider, NMessageProvider } from 'naive-ui'
import { zhCN, dateZhCN } from 'naive-ui'
import { env } from './config';

console.log(env, 'env');
</script>

<style lang="scss">
a {
  text-decoration: none;
}

/*定义滚动条样式（高宽及背景）*/
::-webkit-scrollbar {
  width: 10px;
  /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
  height: 10px;
  background: #fff;
}

/*定义滚动条轨道（凹槽）样式*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 10px #fff;
  /* 较少使用 */
  border-radius: 3px;
}

/*定义滑块 样式*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  height: 100px;
  /* 滚动条滑块长度 */
  background-color: rgb(179, 179, 179);
}

.space-main {
  &>* {
    flex: 1;
  }
}

.header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.render-star-rail-weapon-label {
  display: flex;
  align-items: center;

  svg {
    background: #000 !important;
  }

  span {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
  }
}
</style>
